let bg = document.querySelector('.bg')
let p = document.querySelector(".text");

let st = setInterval(bgChange, 100);
let loading = 0
function bgChange(e) {
    loading++
    if (loading === 10) {
        clearInterval(st)
    }
    bg.style.filter = `blur(${10 - loading}px)`;
    bg.style.transition = `filter 1s ease`;
    p.innerHTML = `${100 - loading * 10}%`
    p.style.opacity = loading  / 1000
    p.style.transition = `opacity 1s ease`;
    console.log(loading);
}
